<template>


  <li class="item">
    <input type="checkbox" v-model="checked">
    <slot name="item" v-bind="{checked}"></slot>
  </li>
</template>
<script>
  export default {
    name: 'TodoItem'
    , data() {
      return {
        checked: false
      }
    }

    , props: ['item']
    , methods: {}
  }
</script>
<style>
  .item {
    color: red;
  }
</style>
